*{
    margin:0;
    padding:0;
}

.head{
    width:100%;
    height:30px;
    line-height:30px;
    background:#f0f0f0;
    position:relative;
    .header{
        width:90%;
        margin:0 auto;
        display:flex;
        justify-content: space-between;
        font-size:13px;
        .header-left{
            width:22%;
            display:flex;
            justify-content:space-around;
            list-style:none;
            li span{
                margin-left:18px;
                color:#d8d8d8;
            }
//          li:hover{
//              border-bottom:1px solid #000000;
//          }
            
        }
        .header-right{
            width:50%;
            display:flex;
            justify-content:space-around;
            list-style:none;
            li span{
                margin-left:9px;
                color:#d8d8d8;
            }
        }
    }
    //城市切换
    .city-qie{
        width:380px;
        height:200px;
        border:1px solid #d0d0d0;
        position:absolute;
        top:25px;
        left:146px;
        font-size:14px;
        display:none;
        .city-head{
            width:95%;
            margin:0 auto;
            display:flex;
            justify-content: space-between;
            button{
                width:67px;
                height:20px;
                margin-top:4px;
            }
        }
        .city-map{
            width:95%;
            height:160px;
            border:1px solid #d0d0d0;
            margin:0 auto;
        }
    }
    //登陆模块
    .header-enter{
        width:300px;
        height:270px;
        position:fixed;
        top:100px;
        left:41%;
        border:1px solid #000;
        display:none;
        .enter-top{
            width:95%;
            line-height:50px;
            margin:0 auto;
            display:flex;
            justify-content: space-between;
            background:palegreen;
        }
        .form{
            width:80%;
            margin:0 auto;
            margin-top:20px;
            span{
                margin-right:20px;
            }
            p{
                margin-left:54px;
            }
            button{
                width:190px;
                height:25px;
                margin-left:51px;
                background:greenyellow;
                color:#fff;
                border:0;
                border-radius:5px;
            }
            .form-fot{
                display:flex;
                justify-content: space-between;
                font-size:13px;
                margin-top:10px;
                .fot-pic{
                    width:95px;
                    height:20px;
                    border:1px solid #d0d0d0;
                }
            }
        }
        .enter-fot{
            width:100%;
            height:40px;
            line-height:40px;
            border-top:1px solid #d0d0d0;
            p{
                text-align:center;
                button{
                    border:0;
                    background:#fff;
                }
                span{
                    padding:0 5px 0 5px;
                    color:#d0d0d0;
                }
            }
        }
    }
    //注册
    .header-register{
        width:500px;
        height:390px;
        position:fixed;
        top:100px;
        left:31%;
        border:1px solid #000;
        display:none;
        .register-top{
            width:95%;
            line-height:50px;
            margin:0 auto;
            display:flex;
            justify-content: space-between;
            background:palegreen;
        }
        .register-main{
            display:flex;
            .register-left{
                width:30%;
                height:340px;
                border-right:1px solid #d0d0d0;
                line-height:54px;
                p{
                    text-align:center;
                }
            }
            .register-right{
                width:70%;
                height:340px;
//              background:paleturquoise;
                span{
                    width:70px;
                    margin-left:20px;
                    margin-right:20px;
                }
                p{
                    margin-left:20px;
                    font-size:12px;
                }
                .yan{
                    width:100px;
                }
                input{
                    height:30px;
                }
                button{
                    width:100px;
                    height:30px;
                    margin-left:120px;
                    border:0;
                    background:palegreen;
                    color:#fff;
                }
            }
        }
    }
}
//同城帮logo
.city-logo{
    width:90%;
    height:80px;
    margin:0 auto;
    display:flex;
    justify-content: space-between;
    img{
        position:relative;height:80px;
    }
    .acce{
        width:58%;
        font-size:16px;
        padding:20px 0 20px 0;
        li{
            width:117px;
        }
        a{
            color:#333;
        }
    }
}
//轮播图
.swiper-container{
    width:90%;margin:auto;margin-top:0;position:relative;
    img{
        height:340px;
    }
   
}